<template>
	<div class="base-info-content">
		<el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-width="150px" :size="formSize" status-icon>
			<el-form-item label="分销设置：" >
				<el-radio-group v-model="state.deposit" >
					<el-radio :label="1">参与</el-radio>
					<el-radio :label="2">不参与</el-radio>
				</el-radio-group>
			</el-form-item>
			<el-form-item label="佣金设置：" >
				<el-radio-group v-model="state.deposit" >
					<el-radio :label="1">系统默认</el-radio>
					<el-radio :label="2">单独设置</el-radio>
				</el-radio-group>
			</el-form-item>
			<el-form-item label="佣金设置：" >
				<span>
					sku表单
				</span>
			</el-form-item>
			<el-form-item label="提成设置：" prop="setting">
				<el-radio-group>
					<el-radio :label="1">统一提成</el-radio>
					<el-radio :label="2">岗位提成</el-radio>
				</el-radio-group>
			</el-form-item>

			<el-form-item label="统一提成比例：" prop="setting">
				<el-input type="number" class="form-ele-size" placeholder="请输入统一提成比例" ></el-input>&emsp;<strong>%</strong>
			</el-form-item>
			<section style="text-align: center; margin: 50px 0;">
				<el-button type="primary" size="large" @click="previousStep">上一步</el-button>
				<el-button type="primary" size="large" @click="nextStep">提交</el-button>
			</section>
		</el-form>
	</div>
</template>

<script setup lang="ts" name="funWangEditor">
import { reactive } from 'vue';
import type { TStep } from '../add.vue'
// 定义变量内容
const state = reactive({
	deposit: 1
});

const emit = defineEmits<{
	stepChange: [step: TStep] 
}>()

const previousStep = () => {
    emit('stepChange', 'fifth')
}

const nextStep = () => {
    
}

</script>

<style>
.line-title{
	font-size: 18px;
	padding: 8px 12px;
	background-color: #eceef0;
	border-radius: 6px;
	margin-bottom: 15px;
}
</style>
